<div class="head-top">
    <div class="head-top-left">
        <!-- Standard button -->
        <span class=" span1-color" aria-hidden="true"></span>
        <div class="login">
            <button type="button" id="login">立即登录</button>
            <button type="button"  id ='register'>注册</button>
        </div>
        <div class=" drop-div" id="drop">
            <button>欢迎您 <span id="username">大猫</span></button>
            <button id="logout">退出</button>
        </div>
    </div>
    <div class="head-top-center ">
        <img src="/img/logo-pubg.png" alt="">
        <div>
            <input type="text" placeholder="请输入想要找的宝贝" class="head-top-right-left">
            <input type="button"  value="搜索" class="head-top-right-left">  
        </div>
    </div>
</div>
<div class="head-center">
    
    <div class="head-center-left"> 
        
        <a href="/index.html">全部商品</a>
    </div>
      
    <ul id="tabList" class="tabList">
        <li><a href="/index.html">首页</a></li>
    </ul>
    <script  type="text/html" id="tabListTemplate">
        {{each list tab}}
            <li><a href="/html/list.html?id={{tab.id}}" target="_blank" class="con_gift">{{tab.name}}</a></li>
        {{/each}}
    </script>
    <a href="/html/cart.html">购物车(<span id="shopnum"></span>)</a>
</div>